<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/zhu_ce.css"/>
		<script type="text/javascript" src="js/flexible.js"></script>
	</head>
	<body>
		<div class="container">
			<div class="nav">
				<a id="back" href="javascript:;"></a>
				<p>注册</p>
			</div>
			<form action="">
				<div class="input-group">
					<span>用户名</span>
					<input type="text" placeholder="请输入您的昵称" />
				</div>
				<div class="input-group">
					<span>手机号</span>
					<input type="number" placeholder="请输入您的联系方式" />
				</div>
				<div class="input-group">
					<span>验证码</span>
					<input type="text" placeholder="输入验证码" />
					<span>获取验证码</span>
				</div>
				<div class="input-group">
					<span>登录密码</span>
					<input type="password" placeholder="请输入6-20位密码" />
				</div>
				<div class="input-group">
					<span>确认密码</span>
					<input type="password" placeholder="请再次输入密码" />
				</div>
				<div class="input-group">
					<span>邀请码</span>
					<input type="text" placeholder="如有 请输入邀请码（非必填）" />
				</div>
				<div class="checked">
					<input type="checkbox" checked="checked" />&nbsp;&nbsp;我已阅读并同意《云安装服务协议》
				</div>
				<div class="submit">
					<button id="submit1">立即注册</button>
				</div>
			</form>
			<script type="text/javascript">
			var back = document.getElementById("back");
			var submit1 = document.getElementById("submit1");
			back.addEventListener("touchstart",function(){
				window.history.go(-1);
			})
			submit1.addEventListener("touchstart",function(event){
				this.style.background = "#e8201e";
			})
			submit1.addEventListener("touchend",function(event){
				this.style.background = "#f23a38";
			})
		</script>
		</div>
	</body>
</html>
